$imagePath: './assets/';

/* 背景图片 */
@mixin icon($url, $width, $height) {
	display: inline-block;
	width: $width;
	height: $height;
	background-image: url($url);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: - ($height / 2);
	margin-left: - ($width / 2);
	/* -webkit-transform: scale(0.3);*/
	/*     -ms-transform: scale(0.3);*/
	/*         transform: scale(0.3);*/
	/* @include positionCenterByTransfrom();*/
}

.icon-enterpriseAvatar{
	@include icon(#{$imagePath+'icon_enterpriseAvatar.png'}, 63px, 63px);
}
.icon-contactAvatar{
	@include icon(#{$imagePath+'icon_contactAvatar.png'}, 63px, 63px);
}

.icon-lowerLevel{
	@include icon(#{$imagePath+'icon_lowerLevel.png'}, 20px, 29px);
}

.icon-arrowRight{
	@include icon(#{$imagePath+'icon_arrowRight.png'}, 14px, 26px);
}

.icon-close{
	@include icon(#{$imagePath+'icon_close.png'}, 30px, 30px);

	&.active{
		@include icon(#{$imagePath+'icon_close_active.png'}, 30px, 30px);
	}
}

.icon-search{
	@include icon(#{$imagePath+'icon_search.png'}, 23px, 24px);
}

.icon-triangleRight{
	@include icon(#{$imagePath+'icon_triangleRight.png'}, 10px, 15px);
}

.icon-edit{
	@include icon(#{$imagePath+'icon_edit.png'}, 29px, 30px);
}

.icon-checkbox{
	@include icon(#{$imagePath+'icon_checkbox.png'}, 30px, 30px);

	&.active{
		@include icon(#{$imagePath+'icon_checkbox_active.png'}, 30px, 30px);
	}
}
